<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      xmlns:dt="http://www.thymeleaf.org/dandelion/datatables"
      layout:decorator="layout">
<head>
    <title>Veterinarians</title>
    <link rel="stylesheet" href="../../static/css/bootstrap.min.css"/>
</head>
<body>

<div class="container">

    <!-- sample header -->
    <nav class="navbar navbar-default navbar-inverse" role="navigation">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">Static Brand</a>
        </div>

        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li class="active"><a href="employeeList.html">Employees</a></li>
                <li><a href="#">Link</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">Link</a></li>
            </ul>
        </div>
    </nav>
    <!-- sample header end -->

    <h1 layout:fragment="header">Veterinarians</h1>

    <div layout:fragment="content">


        <table class="table table-striped" dt:table="true" dt:sortable="true" dt:filterable="true" dt:url="@{/users}">
            <thead>
            <tr>
                <th dt:sortable="true">Name11</th>
                <th>Specialties</th>
            </tr>
            </thead>
            <tbody>
            <tr th:if="${vets.vetList.empty}">
                <td colspan="3">No vets</td>
            </tr>
            <tr th:each="vet : ${vets.vetList}">
<!--   <td th:text="${vet.id}">1</td>-->
                <td th:text="|${vet.firstName} ${vet.lastName}|">yinguowei</td>
                <td><!-- th:inline="text"-->
                    <span th:each="specialty : ${vet.specialties}" th:text="${specialty.name}" th:remove="tag">skill1 skill2</span><!--[[${specialty.name}]]-->
                    <span th:if="${vet.nrOfSpecialties} == 0" th:remove="tag">none</span>
                </td>
            </tr>
            <tr th:remove="all">
                <td>2</td>
                <td>name2</td>
                <td>12399990000</td>
            </tr>
            <tr th:remove="all">
                <td>3</td>
                <td>name3</td>
                <td>12399990003</td>
            </tr>
            <tr th:remove="all">
                <td>4</td>
                <td>name4</td>
                <td>12399990004</td>
            </tr>
            <tr th:remove="all">
                <td>5</td>
                <td>name5</td>
                <td>12399990005</td>
            </tr>
            </tbody>
        </table>


        <table class="table-buttons">
            <tr>
                <td><a href="#" th:href="@{/vets.xml}" htmlEscape="true">View as XML</a> , </td>
                <td><a href="#" th:href="@{/vets.json}" htmlEscape="true">View as JSON</a></td>
            </tr>
        </table>

    </div>

    <div class="text-center">
        sample copyright 2016
    </div>
</div>
</body>
</html>